@import '~@delon/theme/styles/default';

:host ::ng-deep {
	.ant-row{margin-left: 0;}
	.ant-table-thead > tr > th, .ant-table-tbody > tr > td{padding: 15px 8px;}
	.ant-table-pagination.ant-pagination{margin: 32px 0;}
	.csp-top{
		background: url("https://www.zhaodui.com.cn/pic/fxj/v2_pr39ni.jpg") center center repeat-x;
		height: 400px;width: 100%;
		.nav{height: 100px;display: flex;
			.logo{height: 100%;margin-left: 30px;
				img{height: 100%;}
			}
			.menu{flex: 1;line-height: 100px;font-size: 16px;overflow: hidden;
				li{padding: 0 30px;float: left;list-style: none;color: #fff;}
				li.active, li:hover{color: #449BFB;cursor: pointer;}
			}
		}
		.user{padding: 45px;display:flex;
			&-l{margin-right: 30px;flex: 1;display:flex;margin-top: 20px;
				.avaster{width: 85px;height: 85px;position: relative;
					.img{width: 85px;height: 85px;overflow: hidden;border-radius: 50%;
						img{width: 100%;height: 100%;}
					}
					.gou{width: 25px;height: 25px;overflow: hidden;position: absolute;bottom: 0;right: 0;
						background: url("https://www.zhaodui.com.cn/pic/fxj/v2_prfzzo.png") center center;
						background-size: 100% 100%;
					}
				}
				.info{flex: 1;margin-left: 35px;margin-top: 10px;
					&>p{color: #fff;}
					&>p:first-child{margin-bottom: 20px;}
					&>p:last-child{opacity: .5;}
				}
			}
			&-r{flex: 3;
				.bgcolor{display: flex;
					&>.box{margin: 0 20px;border-radius: 5px;flex: 1;padding: 10px;color: #fff;height: 135px;
						.tit{display: flex;
							.icon{width:40px;height: 45px;overflow: hidden;display: inline-block;}
							.icon-01{background: url("https://www.zhaodui.com.cn/pic/fxj/v2_pr3apy.png") center center no-repeat;background-size: 100%;}
							.icon-02{background: url("https://www.zhaodui.com.cn/pic/fxj/v2_pr3awj.png") center center no-repeat;background-size: 100%;}
							.icon-03{background: url("https://www.zhaodui.com.cn/pic/fxj/v2_pr3aun.png") center center no-repeat;background-size: 100%;}
							span{display: inline-block;flex: 1;line-height: 45px;margin-left: 10px;}
						}
						.price{font-size: 34px;text-align: right;margin-top: 10px;padding-right: 20px;}
					}
					&>.box:nth-child(1){background: rgba(0, 150, 136, .6);}
					&>.box:nth-child(2){background: rgba(79, 46, 103, .6);}
					&>.box:nth-child(3){background: rgba(92, 69, 65, .6);}
				}
			}
		}
	}
	.csp-main{padding: 0 30px;margin-top: -50px;
		.info{background: #fff;padding: 40px 80px;border-radius: 5px;margin-bottom: 20px;margin-left: -12px;margin-right: -12px;
			.warn{width: 46px;height: 46px;overflow: hidden;margin-right: 20px;display: block;background: url("http://www.zhaodui.com.cn/pic/fxj/v2_pr46cj.png") center center no-repeat;background-size: 100%;}
			&-txt{height: 46px;line-height: 35px;font-size: 20px;
				&>span{color: rgb(229,28,35);font-size: 36px;}
			}
		}
		.mb{background: #fff;padding: 25px;
			&-t{height:30px;display: flex;margin-bottom: 10px;
				.icon{width: 30px;height: 30px;overflow: hidden;display: block;margin-right: 10px;}
				.icon-04{background: url("https://www.zhaodui.com.cn/pic/fxj/v2_pr41c6.png") center center no-repeat;background-size: 100%;}
				.mb-t-c{flex: 1;font-size: 20px;line-height: 30px;}
				.icon-07{background: url("https://www.zhaodui.com.cn/pic/fxj/v2_pr44w1.png") center center no-repeat;background-size: 100%;}
				.icon-08{background: url("https://www.zhaodui.com.cn/pic/fxj/v2_pr46qg.png") center center no-repeat;background-size: 100%;}
			}
			&-w{
				p{
					span:first-child{color: rgb(229,28,35);font-size: 36px;}
					span:last-child{color: rgb(229,28,35);}
				}
			}
			.rank{
				&-list{margin: 25px 0 0;padding: 0;list-style: none;
					li{.clearfix();
						margin-top: 33px;
						display: flex;
						align-items: center;
						span {color: @text-color;font-size: 14px;line-height: 22px;
						}
						.number {
							background-color: @background-color-base;
							border-radius: 20px;
							display: inline-block;
							font-size: 12px;
							font-weight: 600;
							margin-right: 16px;
							height: 20px;
							line-height: 20px;
							width: 20px;
							text-align: center;
							margin-top: 1.5px;
							&.active {
								background-color: #314659;
								color: #fff;
							}
						}
						.title {
							flex: 1;
							white-space: nowrap;
							text-overflow: ellipsis;
							overflow: hidden;
							margin-right: 8px;
						}}
				}
			}
			.bar{
				&-b{

					p{position: relative;height: 20px;line-height: 20px;padding-left: 30px;}
					p::before{content: "";width:20px;height: 20px;border-radius: 50%;left: 0;top: 0px;position: absolute;}
					.M1::before{background: #009688;}
					.M2::before{background: #259B24;}
					.M3::before{background: #E51C23;}
					.M4::before{background: #FF9800;}
					.MOB::before{background: #A6A7A2;}
				}
			}
		}
		.mb:first-child{margin-bottom: 20px;}
		.nb{background: #fff;padding: 25px;
			&-t{height:30px;display: flex;margin-bottom: 10px;
				.icon{width: 30px;height: 30px;overflow: hidden;display: block;margin-right: 10px;}
				.icon-05{background: url("https://www.zhaodui.com.cn/pic/fxj/v2_pr3dch.png") center center no-repeat;background-size: 100%;}
				.icon-06{background: url("https://www.zhaodui.com.cn/pic/fxj/v2_pr419z.png") center center no-repeat;background-size: 100%;}
				
				.nb-t-c{font-size: 20px;line-height: 30px;margin-right: 10px;}
				.nb-t-r{flex: 1;}
			}
		}
	}
}